<template>
    <div>
        <grid :cols="3" :show-lr-borders="false" :show-vertical-dividers="false">
            <grid-item v-for="(item,index) in gridList" :key="index" :link="item.path" :label="item.name" @click.native="gotogameFun(item.name)">
                <img slot="icon" :src="item.icon">
            </grid-item>
        </grid>
    </div>
</template>
<script>

    import { Grid, GridItem } from 'vux'

    export default {
        name: "GameHome",
        props: {  //普通类型：String、Number、Boolean、Null    引用类型： Array、Object
            // openBet: {  //可下注
            //     type: Boolean,
            //     required: true
            // },
        },
        components: {
            Grid,
            GridItem
        },
        data(){
            return{
                gridList: [
                    {name: 'PC蛋蛋',icon: require('../../../../assets/images/pcdd.png'),path: ''},
                    {name: '六合彩',icon: require('../../../../assets/images/lhc.png'),path: ''},
                    {name: '北京PK拾',icon: require('../../../../assets/images/bjpks.png'),path: ''},
                    {name: '北京快乐8',icon: require('../../../../assets/images/bjkl8.png'),path: ''},
                    {name: '天津时时彩',icon: require('../../../../assets/images/tjssc.png'),path: ''},
                    {name: '安徽快3',icon: require('../../../../assets/images/ahk3.png'),path: ''},
                    {name: '山东11选5',icon: require('../../../../assets/images/sdsyxw.png'),path: ''},
                    {name: '幸运飞艇',icon: require('../../../../assets/images/xyft.png'),path: ''},
                    {name: '广东11选5',icon: require('../../../../assets/images/gdsyxw.png'),path: ''},
                    {name: '广东快乐十分',icon: require('../../../../assets/images/gdklsf.png'),path: ''},
                    {name: '新疆时时彩',icon: require('../../../../assets/images/xjssc.png'),path: ''},
                    {name: '江苏快3',icon: require('../../../../assets/images/jsk3.png'),path: ''},
                    {name: '江西11选5',icon: require('../../../../assets/images/jxsyxw.png'),path: ''},
                    {name: '重庆幸运农场',icon: require('../../../../assets/images/cqxync.png'),path: ''},
                    {name: '重庆时时彩',icon: require('../../../../assets/images/cqssc.png'),path: ''},
                    {name: '吉林快3',icon: require('../../../../assets/images/jsk3.png'),path: ''},
                ],
            }
        },
        methods: {
            gotogameFun(name){
                // console.log(name);
                this.$emit('gameName',name);
            },
            
        },
        mounted(){
            
        },
        beforeDestroy(){
            
        },
        watch: {
            

        },
    }
</script>
<style>
    .weui-grid__icon{
        width: 80px!important;
        height: 80px!important;
    }
</style>

